.bigBox {
	background-color: #FFFFFF;
	width: 750upx;
	min-height: calc(100vh - 44px);
	padding: 0 24upx;
	box-sizing: border-box;
	
	.nav {
		position: fixed;
		width:750upx;
		top: 88upx;
		left: 24upx;
		z-index: 100;
		background-color: #FFFFFF !important;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		padding: 45upx 0;
		text {
			width: 122upx;
			height: 36upx;
			background-color: #FFF9F1;
			color: #D5AD79;
			font-size: 26upx;
			margin-right: 22upx;
			line-height: 36upx;
			text-align: center;
			margin-bottom: 15upx;
		}
		text:nth-child(5n) {
			margin-right: 0;
		}
		.on {
			background-color: #ECFFF8;
			color: #38CB97;
		}
	}
	
	.mainContent {
		margin-top: 180upx;
		.gentleTemperament {
			.bigTitle {
				color: #333333;
				font-size: 26upx;
				line-height: 49upx;
				margin-bottom: 30upx;
				view {
					font-size: 28upx;
					font-weight: bold;
				}
			}
			.tips {color:#333333; font-size: 26upx; text-align: center;margin-top: 240upx;}
			.title {
				border-top: 1upx solid #DDDDDD;
				.overAll {
					margin: 28upx 0 0;
					color: #333333;
					font-size: 26upx;
					line-height: 49upx;
					text {
						font-size: 28upx;
						font-weight: bold;
					}
				}
			}
		}
	}
}